<blockquote class="layui-elem-quote slideBtn"><span><{$title}></span><i class="icon-up"></i></blockquote>
<div>

	<div class="marsureImg my-gallery" data-pswp-uid="1">
		<foreach name="node.pic" item="vo">
			<figure class="thumblist">
            	<span>
	              <a href="/<{:C('DATA_IMAGES').$key}>" data-size="2000x1414">
	              	<img src="/<{:C('DATA_IMAGES').$key}>">
	              </a>
	            </span>
            </figure>
		</foreach>
	</div>
	<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
	    <div class="pswp__bg"></div>
	    <div class="pswp__scroll-wrap">
	        <div class="pswp__container">
	            <div class="pswp__item"></div>
	            <div class="pswp__item"></div>
	            <div class="pswp__item"></div>
	        </div>
	        <div class="pswp__ui pswp__ui--hidden">
	            <div class="pswp__top-bar">
	                <div class="pswp__counter"></div>
	                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
	                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
	                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
	                <div class="pswp__preloader">
	                    <div class="pswp__preloader__icn">
	                      <div class="pswp__preloader__cut">
	                        <div class="pswp__preloader__donut"></div>
	                      </div>
	                    </div>
	                </div>
	            </div>
	            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
	            </button>
	            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
	            </button>
	            <div class="pswp__caption">
	                <div class="pswp__caption__center"></div>
	            </div>
	        </div>
	    </div>
	</div>
	<notempty name="node.node">
		<div>
			<table class="tbst">
				<thead>
					<tr><th>尺寸代码</th><th>值（mm/°）</th></tr>
				</thead>
				<tbody>
					<foreach name="node.node" item="vo">
						<tr>
							<th><{$key}></th>
							<td><{$vo}></td>
						</tr>
					</foreach>
				</tbody>
			</table>
		</div>
		<blockquote class="layui-elem-quote end"><i class="icon icon-noticeText"></i>THE END!</blockquote>
	<else/>
		<blockquote class="layui-elem-quote layui-quote-nm">Nothing is found...</blockquote>
	</notempty>
</div>

<script type="text/javascript">
    // execute above function
    initPhotoSwipeFromDOM('.my-gallery');
    // $(".my-gallery>figure>div").each(function(){
    // 	$(this).height($(this).width());
    // });
</script>